import React, { Component } from 'react';
import './Two.scss'
import t1 from '../imgs/t1.png'
import t2 from '../imgs/t2.png'
import t3 from '../imgs/t3.png'
import t4 from '../imgs/t4.png'
import t5 from '../imgs/t5.png'
import t6 from '../imgs/t6.png'

import { Tuijian } from '../utils/aip'

class List extends Component {
    constructor(props) {
        super(props);
        this.state = {
            arr: []
        }
    }

    componentDidMount() {
        Tuijian().then((ok) => {
            // console.log(ok.data)
            this.setState(this.state.arr = ok.data.list)
        })
    }


    render() {
        return (
            <div className='two'>
                {
                    this.state.arr.map((item, i) => {
                        return (
                            <div className='cyq'>
                                <img src={item.pic} />
                                <p className='text'>{item.name}</p>
                                <p className='s'>{item.salesPrice.value}</p>
                                {/* <p className='x'><span className='money'>{item.value}</span></p> */}
                            </div>
                        )
                    })
                }

            </div>

        )
    }

}

export default List;